/*去除所有元素的内外边距	*/
*{margin:0;padding:0;}
/*去除ul的样式*/
ul{list-style:none;}
/*去除页面中a的下划线*/
a{ text-decoration:none;}
/*设置页面背景颜色*/
body{
	background:rgba(243,227,233,0.2);
	font-size:12px;
	color:#666;
}
/*设置头部框架大小和位置*/
#header{
	width:1200px;
	height:140px;
	margin:0 auto;
}
/*设置头部log位置*/
#header>a{
	width:307px;
	height:140px;
	float:left;
}
/*设置头部“欢迎登录”位置*/
#header>p{
	width:105px;
	height:60px;
	float:left;
	border-left:2px solid #666;
	font-size:24px;
	color:#666;
	line-height:60px;
	margin-top:60px;
	padding-left:15px;
}
/*设置内容边框尺寸*/
#container{
	width:1200px;
	height:500px;
	/*			border:1px solid red;*/
	position:relative;
	margin:0 auto;
}
/*设置左边的图片容器的大小和位置*/
.qc_option_left{
	width:430px;
	height:400px;
	border:1px solid #ddd;
	position:absolute;
	top:45px;
	left:60px;
}
/* 设置图片左浮动*/
.qc_option_left li{
	float:left;
	position:relative;
	margin:9px 0px 0px 10px;
}
/*设置图片内文字外部边框大小和位置*/
.qc_option_left li div{
	width:200px;
	height:40px;
	background:rgba(0,0,0,0.3);
	text-align:center;
	line-height:40px;
	position:absolute;
	top:135px;

}
.qc_option_left li img{
	 width:200px;
	 height:185px;
 }
.qc_option_left li img:hover{
	opacity:0.7;
}
/*设置文字的样式*/
.qc_option_left li div a{
	font-size:14px;
	color:#fff;
	background:#ff6766;
	border-radius:2px;
	padding:0px 10px;
}



/*设置右边边框的大小和位置*/
.user_login_right{
	width:402px;
	height:400px;
	border:1px solid #ddd;
	position:absolute;
	top:45px;
	right:60px;
}
/*添加标题样式*/
.user_login_right>h1{
	color:#d87a7a;
	font-size:24px;
	font-weight:400;
	margin:25px 0px 15px 0px;
	text-align:center;
}
/*添加用户登录信息的外边框样式		*/
.user_login_right>.login_info,.login_info2{
	width:250px;
	margin-left:75px;
}
/*设置用户信息间的上下间距*/
.login_info ul li,.login_info2 ul li{
	margin:10px 0px;
}
/*添加输入框的样式*/
input#uname,input#upwd,input#upwd2,input#phone2,input#code{
	width:245px;
	height:32px;
	border-radius:2px;
	border:1px solid #aba9a9;
	outline:none;
	padding-left:5px;
}
/*设置"忘记密码"密码的位置*/
.login_info ul li a{
	margin-left:116px;
}
/*添加按钮样式*/
#button,#button2{
	width:252px;
	height:30px;
	border-radius:2px;
	background:#d87a7a;;
	color:#fff;
	text-align:center;
	line-height:30px;
	border:none;
	outline:none;
	cursor:pointer;

}
/* 添加页面a标签的公共样式和行为 */
a{color:blue;}
a:hover{color:red;}
/*添加底部a标签的样式*/
.turn_reg>a{
	display:block;
	text-align:center;
	margin-bottom:30px;
}
/*设置底部其他登录方式的样式*/
.other_login_type{
	width:200px;
	margin-left:25px;
	display:flex;
	justify-content:space-around;
	cursor:pointer;
}
/*添加登录类型样式*/
.login_type{
	margin-left:75px;
}
/*设置鼠标悬停时的样式 */
.login_type a{
	display:inline-block;
	width:122px;
	height:25px;
	font-size:14PX;
	color:#d87a7a;
	text-align:center;
	line-height:25px;
	cursor:text;
}
.login_type a:hover{
	background:#f5a3a3;
	color:#fff;
}
.my_style{
	background:#f5a3a3;
	color:#fff !important;
}

/*	设置手机登录模块的按钮样式*/
.login_info2 #button{
	margin:10px 0px;
}
/*添加内容左右两个边框的样式*/
.qc_option_left,.user_login_right{
	background:#f9ebeb;
	border-radius:2px;
	box-shadow:0px 0px 10px 0px rgba(255,255,255,0.8) inset, 0px 0px 2px 0px #fafafa;
}
/*鼠标悬停在QQ/微信/新浪时的样式*/
.other_login_type>img:hover{
	transform:scale(1.1);
}
.login_info{
   display:none;
}